<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">
     <meta name="keywords" content="${keyword}"  >
    <meta name="description" content="${description }" />
    <title  data-index="3" id="selextTitle" >免费课程-湖南卓景京信息技术有限公司</title>
    <!--[if lt IE 8]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <link href="${path }/resource/plugin/bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/plugin/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/css/visitor/base.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/css/visitor/free-class.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="${path }/resource/images/favicon.ico">
    <style type="text/css">
    .art{
    	display: none;
    }
    </style>
</head>
<body class="">

<jsp:include page="_top.jsp"></jsp:include>
<div class="warp-box">
<div class="content">
	<div class="banner">
            <img src="${xwzx.adImg }" alt="">
        </div>
	 <div class="wrap">
            <div class="container">
				<div class="row free-class"  id="showdataBox">
           
           
				</div>
	 <div id="pagingBox" class="pages"></div>
	</div>
	</div>
</div>
</div>
<form class="am-form am-form-horizontal"  id="dataform" onsubmit="javascripr:return false;">
<input type="hidden" name="offset" id="_offset"  value="0" />
<input type="hidden" id="limit" name="limit"   value="12" />
</form>
<jsp:include page="_foot.jsp"></jsp:include>
<script type="text/javascript" src="${path }/resource/js/plugin/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="${path }/resource/plugin/bootstrap-3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${path }/resource/js/systools/AjaxProxy.js"></script>
<script type="text/javascript" src="${path }/resource/js/systools/Pagination.js"></script>
<script type="text/javascript" src="${path }/resource/js/systools/MTools.js"></script>
<script type="text/javascript" src="${path }/resource/js/systools/MForm.js"></script>
<script type="text/javascript" src="${path }/resource/js/plugin/carousel.js"></script>
<script type="text/javascript" src="${path }/resource/plugin/layer/layer.js"  ></script>
<script>
$(function(){
	var pageSize=$("#limit").val();
	Pagination.init({
		url:"${path}/visitor/findclass",
		pageSize : pageSize,
		builderDate:function(loj){
			var initType=$("#order-select").val();
			if(loj.getRowCount()>0){
				//构建数据
				var html=[];
				for(var i=0 ; i<loj.getRowCount(); i++ ){
					html[i]=' <div class="col-md-3 col-xs-6"><a href="${path}/visitor/article?id='+loj.getString(i,"artId")+'"><div class="box">'+
		                '    <img class="pic" src="'+loj.getString(i,"artImage")+'" alt="">'+
		                '    <img src="${path}/resource/images/playBtn.png" alt="" class="play-btn">'+
			            ' <div class="info">'+
			            '     <p>'+loj.getString(i,"artTitle")+'</p>'+
			            '<span >'+loj.getString(i,"artAuthor")+'</span>'+
			            '</a> </div>'+
			           
			         '</div></div>'
				}
				return html.join("");
			}			
		}
	}).serchDate();
})
</script>
</body>
</html>